<template>
  <div class="micro-app-navigator" v-loading="loading">
    <!--
      name(必传)：应用名称，每个`name`都对应一个应用，必须以字母开头，且不可以带有 `.`、`#` 等特殊符号
      url(必传)：页面html的地址
      baseroute(可选)：基座应用分配给子应用的路由前缀，就是上面的my-page
     -->
     <!-- http://music.boycot.top/ -->
     <iframe id="wordpress" scrolling="auto" frameborder="0" src="http://wordpress.boycot.top"></iframe>
    <!-- <micro-app name="micro-wordpress" url="http://wordpress.boycot.top/" baseroute="/"></micro-app> -->
  </div>
</template>
<script>
export default {
    data () {
        return {
            loading: true
        }
    },
    mounted () {
        setTimeout(() => {
            this.loading = false
        }, 500)
    }
}
</script>
<style lang="less">
.micro-app-navigator {
    min-height: 750px;
    iframe {
        width: 1200px;
        min-height: 750px;
    }
}
/*- scrollbar -*/
    body{
        SCROLLBAR-FACE-COLOR:#ff0198;   /*滚动条凸出部分的颜色*/
        SCROLLBAR-HIGHLIGHT-COLOR:#ff0198;/*滚动条空白部分的颜色 */
        SCROLLBAR-SHADOW-COLOR:#ff0000;/*立体滚动条阴影的颜色 */
        SCROLLBAR-3DLIGHT-COLOR:#ff0198;/*滚动条亮边的颜色 */
        SCROLLBAR-ARROW-COLOR:#ffffff;/*上下按钮上三角箭头的颜色*/
        SCROLLBAR-TRACK-COLOR:#ffffff;/*滚动条的背景颜色 */
        SCROLLBAR-BASE-COLOR:#ff0198/*滚动条的基本颜色 */
        }
    /*- scrollbar -*/
</style>
